import React, { Component } from 'react';
import product from '../../../img1/dingdanP.png';
import { Link } from 'react-router-dom'
import { Pagination } from 'antd';
function itemRender(current, type, originalElement) {
    if (type === 'prev') {
      return <a>上一页</a>;
    }
    if (type === 'next') {
      return <a>下一页</a>;
    }
    return originalElement;
  }
class myorderlist extends Component {
    render() {
        return (
            <div className="myorderlist">
                <div className="myorderlist-t">
                    我的订单
                </div>
                <div className="myorderlist-c">
                    <div className="order-state">
                        <a href="###" >全部</a><span></span>
                        <a href="###" className="active" >待付款</a><span></span>
                        <a href="###" >待发货</a><span></span>
                        <a href="###" >待收货</a><span></span>
                        <a href="###" >已收货</a><span></span>
                        <a href="###" >退款</a><span></span>
                        <a href="###" >已完成</a><span></span>
                        <a href="###" >已关闭</a>
                        <a href="###" className="del">订单回收站</a>
                    </div>
                    <div className="myorderlist-c-list">
                        <ul>
                            <li>
                                <p>
                                    <span>订单号：123456789</span>
                                    <span>下单日期：2020:10:01 12:12:12</span>
                                    <span>海澜之家旗舰店</span>
                                    <span>订单状态：<i>关闭</i></span>
                                </p>
                                <div>
                                <ul>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                </ul>
                                <div>
                                    <span>总金额￥35.0</span><span>(含运费￥8.0)</span>
                                </div>
                                <div>
                                    <Link to="/people/orderdetail">查看详情</Link>
                                    <Link to="###">删除订单</Link>
                                </div>
                            
                                </div>
                                </li>
                            <li>
                                <p>
                                    <span>订单号：123456789</span>
                                    <span>下单日期：2020:10:01 12:12:12</span>
                                    <span>海澜之家旗舰店</span>
                                    <span>订单状态：<i>关闭</i></span>
                                </p>
                                <div>
                                <ul>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                    <li>
                                        <p>
                                            <img src={product} alt=""/>
                                            <i>《寻龙诀》北京保利龙旗广场</i>
                                        </p>
                                        <p>
                                            <span>版本：国行32g</span><span>颜色：绿色</span>
                                        </p>
                                        <p>￥35.0*1</p>
                                    </li>
                                </ul>
                                <div>
                                    <span>总金额￥35.0</span><span>(含运费￥8.0)</span>
                                </div>
                                <div>
                                <Link to="/people/orderdetail">查看详情</Link>
                                    <Link to="###">删除订单</Link>
                                </div>
                            
                                </div>
                                </li>
                        </ul>
                    </div>
                    <div className="fenye">
                    <Link to="###">首页</Link>
                    <Pagination showSizeChanger={false} showQuickJumper total={500} itemRender={itemRender} />
                    <Link to="###">确定</Link>
                    <span>共500条</span>
                    </div>
                </div>
            </div>
        );
    }
}

export default myorderlist;